import React from 'react'
import {WeaAlertPage} from 'ecCom'
import { WeaLocaleProvider,WeaSteps } from 'ecCom';
import {Col,Row} from 'antd'
const getLabel = WeaLocaleProvider.getLabel;
const Step = WeaSteps.Step;

/**
 * 开关 是否打开 跳转的提示组件
 */
export default class FnaPermissionSteps extends React.Component {
    constructor(props) {
        super(props)
    }

    render = ()=>{
        const {title} = this.props;
        return (
                <div>
                    <div style={{'text-align': 'center','margin-bottom': '50px'}} className='weaver-fna-wizard-tip'>
                        <i class='icon-coms-Edition weaver-fna-wizard-img' title=''></i>
                        <span>
                            {title}
                        </span>
                    </div>

                    <Row align={'middle'}>
                        <Col span={11}></Col>
                        <Col span={9}>
                            <WeaSteps direction='vertical'>
                                {this.getSteps()}
                            </WeaSteps>
                        </Col>
                        <Col span={5}></Col>
                    </Row>
                </div>
            )
    }

    getSteps = () => {
        const {stepsData} = this.props;
        let setps = [];
        for(let info of stepsData){
            setps.push(<Step description={info} status='process'/>);
        }
        return setps;
    }
}